import QtQuick 2.0
import "../components"

// 荧光
Item {
    id: root
    property int fluoPage: 0

    anchors.fill: parent


    Rectangle{          // 上面的tab行
        height: 60*dp
        width: root.width
        Row{
            x: 12*dp
            spacing: 24*dp
            PushButton{
                height: 40*dp
                width: 90*dp
                y: 20*dp
                title: "开关激发光"
                underlineSelect: true
                isSelected: fluoPage === 0
                onReleased: {
                    fluoPage = 0
                }
            }PushButton{
                height: 40*dp
                width: 90*dp
                y: 20*dp
                title: "荧光值读取"
                underlineSelect: true
                isSelected: fluoPage === 1
                onReleased: {
                    fluoPage = 1
                }
            }PushButton{
                height: 40*dp
                width: 125*dp
                y: 20*dp
                title: "水平检测位置校正"
                underlineSelect: true
                isSelected: fluoPage === 2
                onReleased: {
                    fluoPage = 2
                }
            }PushButton{
                height: 40*dp
                width: 125*dp
                y: 20*dp
                title: "孔位检测位置校正"
                underlineSelect: true
                isSelected: fluoPage === 3
                onReleased: {
                    fluoPage = 3
                }
            }PushButton{
                height: 40*dp
                width: 70*dp
                y: 20*dp
                title: "光强设置"
                underlineSelect: true
                isSelected: fluoPage === 4
                onReleased: {
                    fluoPage = 4
                }
            }PushButton{
                height: 40*dp
                width: 70*dp
                y: 20*dp
                title: "检测偏差"
                underlineSelect: true
                isSelected: fluoPage === 5
                onReleased: {
                    fluoPage = 5
                }
            }PushButton{
                height: 40*dp
                width: 70*dp
                y: 20*dp
                title: "背景偏差"
                underlineSelect: true
                isSelected: fluoPage === 6
                onReleased: {
                    fluoPage = 6
                }
            }
        }
        CustomBorder{
            bBorderwidth: 1
            borderColor: "#CCCCCC"
        }
    }

    Item{

        height: parent.height - 80*dp
        width: parent.width - 40*dp
        y: 80*dp
        x: 20*dp
        MaintainFluorescence_Laser{
            visible: fluoPage === 0
        }MaintainFluorescence_Fluo{
            visible: fluoPage === 1
        }MaintainFluorescence_HPos{
            visible: fluoPage === 2
        }MaintainFluorescence_HolePos{
            visible: fluoPage === 3
        }MaintainFluorescence_Intensity{
            visible: fluoPage === 4
        }MaintainFluorescence_Bias{
            visible: fluoPage === 5
        }MaintainFluorescence_Bias2{
            visible: fluoPage === 6
        }

    }

}
